<!DOCTYPE html>
<html lang="zh">

	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge" />
		<title>添加小组件</title>
		<link href="../../css/bootstrap.css" type="text/css" media="screen" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" id="site-theme" href="../../css/bootstrap-xadmin.css" />
		<link href="../../css/font-awesome.css" type="text/css" media="screen" rel="stylesheet" />
		<link href="../../css/xadmin.main.css" type="text/css" media="screen" rel="stylesheet" />
		<link href="../../css/xadmin.plugins.css" type="text/css" media="screen" rel="stylesheet" />
		<link href="../../css/xadmin.responsive.css" type="text/css" media="screen" rel="stylesheet" />
		<link href="../../css/xadmin.form.css" type="text/css" media="screen" rel="stylesheet" />
		<script type="text/javascript" src="../../js/jquery.js"></script>
	</head>

	<body class="xadmin-userwidget change-form">
		<div id="top-nav" class="navbar navbar-xs navbar-inverse navbar-fixed-top">
			<div class="navbar-header">
				<a class="navbar-brand" href="index.html"><img src="../../images/icon.png" style="margin-right: 5px" /></a>
			</div>
			<div class="navbar-collapse collapse">
				<ul class="nav navbar-nav pull-right">

					<li class="dropdown g-add">
						<a class="dropdown-toggle" role="button" data-toggle="dropdown" href="#">
							<i class="fa fa-plus"></i> <span class="hide-sm">增加 <i class="caret"></i></span></a>
						<ul id="g-add-menu" class="dropdown-menu" role="menu">

							<li>
								<a href="javasrcipt:;"><i class="fa fa-plus"></i> 增加 用户小组件</a>
							</li>

							<li>
								<a href="javasrcipt:;"><i class="fa fa-plus"></i> 增加 书签</a>
							</li>

							<li>
								<a href="javasrcipt:;"><i class="fa fa-plus"></i> 增加 组</a>
							</li>

							<li>
								<a href="javasrcipt:;"><i class="fa fa-plus"></i> 增加 用户信息</a>
							</li>

							<li>
								<a href="javasrcipt:;"><i class="fa fa-plus"></i> 增加 权限</a>
							</li>

							<li>
								<a href="javasrcipt:;"><i class="fa fa-plus"></i> 增加 新浪app</a>
							</li>

							<li>
								<a href="javasrcipt:;"><i class="fa fa-plus"></i> 增加 今日头条app</a>
							</li>

							<li>
								<a href="javasrcipt:;"><i class="fa fa-plus"></i> 增加 搜狐app</a>
							</li>

							<li>
								<a href="javasrcipt:;"><i class="fa fa-plus"></i> 增加 账户分析</a>
							</li>

							<li>
								<a href="javasrcipt:;"><i class="fa fa-plus"></i> 增加 用户设置</a>
							</li>

							<li>
								<a href="javasrcipt:;"><i class="fa fa-plus"></i> 增加 日志记录</a>
							</li>

						</ul>
					</li>

					<li class="dropdown g-theme">
						<a class="dropdown-toggle" href="#">
							<i class="fa fa-magic"></i> <span class="hide-sm">主题 <i class="caret"></i></span></a>
						<ul id="g-theme-menu" class="dropdown-menu">

							<li class="active">
								<a>默认</a>
							</li>

							<li>
								<a>Bootstrap2</a>
							</li>

							<li>
								<a>Cerulean</a>
							</li>

							<li>
								<a>Cosmo</a>
							</li>

							<li>
								<a>Cyborg</a>
							</li>

							<li>
								<a>Darkly</a>
							</li>

							<li>
								<a>Flatly</a>
							</li>

							<li>
								<a>Journal</a>
							</li>

							<li>
								<a>Lumen</a>
							</li>

							<li>
								<a>Paper</a>
							</li>

							<li>
								<a>Readable</a>
							</li>

							<li>
								<a>Sandstone</a>
							</li>

							<li>
								<a>Simplex</a>
							</li>

							<li>
								<a>Slate</a>
							</li>

							<li>
								<a>Spacelab</a>
							</li>

							<li>
								<a>Superhero</a>
							</li>

							<li>
								<a>United</a>
							</li>

							<li>
								<a>Yeti</a>
							</li>

						</ul>
					</li>

					<li class="dropdown">
						<a class="dropdown-toggle" role="button" href="#">
							<strong>欢迎， mediaroot</strong> <span class="caret"></span></a>
						<ul id="g-account-menu" class="dropdown-menu" role="menu">
							<li>
								<a href="javasrcipt:;"><i class="fa fa-key"></i> 更改密码</a>
							</li>
						</ul>
					</li>

					<li>
						<a href="javasrcipt:;"><i class="show-sm fa fa-sign-out"></i><span class="hide-sm">注销</span></a>
					</li>
				</ul>

				<form class="top-search-form navbar-form navbar-left" id="g-search">
					<div class="input-group">
						<input name="_q_" class="form-control" type="text">
						<span class="input-group-btn">
      					<button class="btn btn-default dropdown-toggle">
        					<i class="fa fa-search"></i> 搜索 <span class="caret"></span>
						</button>
						<ul class="dropdown-menu">

							<li>
								<a><i class="fa fa-search"></i> 搜索组</a>
							</li>

							<li>
								<a><i class="fa fa-search"></i> 搜索用户信息</a>
							</li>

							<li>
								<a><i class="fa fa-search"></i> 搜索新浪app</a>
							</li>

							<li>
								<a><i class="fa fa-search"></i> 搜索今日头条app</a>
							</li>

							<li>
								<a><i class="fa fa-search"></i> 搜索搜狐app</a>
							</li>

							<li>
								<a><i class="fa fa-search"></i> 搜索账户分析</a>
							</li>

							<li>
								<a><i class="fa fa-search"></i> 搜索日志记录</a>
							</li>

						</ul>
						</span>
					</div>
				</form>

			</div>
		</div>

		<div id="body-content" class="clearfix row">
			<div id="left-side" class="col-sm-1 col-md-2">

				<div class="panel-group hide-sm nav-sitemenu col-md-2" id="nav-accordion">

					<div class="panel panel-default">
						<div class="panel-heading">
							<h6 class="panel-title">
					        <span class="badge badge-info">4</span>
					        <a class="accordion-toggle"  href="#nav-panel-1"data-parent="#nav-accordion" data-toggle="collapse">
					          <i class="fa-fw fa fa-pie-chart"></i>
					          	广告信息
					        </a>
					      </h6>
						</div>
						<div id="nav-panel-1" class="list-group panel-collapse collapse">
							<a href="javasrcipt:;" class="list-group-item">
								<i class="fa-fw fa fa-pie-chart"></i> 新浪app
								</span>
							</a>

							<a href="javasrcipt:;" class="list-group-item">
								<i class="fa-fw fa fa-pie-chart"></i> 今日头条app
								</span>
							</a>

							<a href="javasrcipt:;" class="list-group-item">
								<i class="fa-fw fa fa-pie-chart"></i> 搜狐app
								</span>
							</a>

							<a href="javasrcipt:;" class="list-group-item">
								<i class="fa-fw fa fa-pie-chart"></i> 账户分析
								</span>
							</a>

						</div>
					</div>

					<div class="panel panel-default">
						<div class="panel-heading">
							<h6 class="panel-title">
						        <span class="badge badge-info">1</span>
						        <a class="accordion-toggle" href="#nav-panel-2" data-parent="#nav-accordion" data-toggle="collapse">
						          <i class="fa-fw fa fa-user"></i>
						          	用户信息
						        </a>
						      </h6>
						</div>
						<div id="nav-panel-2" class="list-group panel-collapse collapse">

							<a href="javasrcipt:;" class="list-group-item">
								<i class="fa-fw fa fa-user"></i> 用户信息
								</span>
							</a>

						</div>
					</div>

					<div class="panel panel-default">
						<div class="panel-heading">
							<h6 class="panel-title">
						        <span class="badge badge-info">1</span>
						        <a class="accordion-toggle" href="#nav-panel-3" data-parent="#nav-accordion" data-toggle="collapse">
						          <i class="fa-fw fa fa-cog"></i>
						          	管理
						        </a>
						      </h6>
						</div>
						<div id="nav-panel-3" class="list-group panel-collapse collapse">

							<a href="javasrcipt:;" class="list-group-item">
								<i class="fa-fw fa fa-cog"></i> 日志记录
								</span>
							</a>

						</div>
					</div>

					<div class="panel panel-default">
						<div class="panel-heading">
							<h6 class="panel-title">
						        <span class="badge badge-info">2</span>
						        <a class="accordion-toggle" href="#nav-panel-4" data-parent="#nav-accordion" data-toggle="collapse">
						          <i class="fa-fw fa fa-group"></i>
						           	 认证和授权
						        </a>
						      </h6>
						</div>
						<div id="nav-panel-4" class="list-group panel-collapse collapse">

							<a href="javasrcipt:;" class="list-group-item">
								<span>
									<i class="fa-fw fa fa-group"></i> 
									组
								</span>
							</a>

							<a href="javasrcipt:;" class="list-group-item">
								<span>
									<i class="fa-fw fa fa-lock"></i> 权限
								</span>
							</a>

						</div>
					</div>

				</div>

				<ul class="well nav nav-list nav-sitemenu show-sm">
					<li class="app_menu">
						<a href="javasrcipt:;"><i class="icon fa-fw fa fa-home"></i></a>
						<hr/>
					</li>

					<li class="app_menu dropdown-submenu ">
						<a href="#" class="section">
							<i class="icon fa-fw fa fa-pie-chart"></i>
						</a>
						<hr/>
						<ul class="dropdown-menu">

							<li>
								<a href="javasrcipt:;">
									<span>
										<i class="fa-fw fa fa-pie-chart"></i> 
										新浪app
									</span>
								</a>
							</li>

							<li>
								<a href="javasrcipt:;">
									<span>
										<i class="fa-fw fa fa-pie-chart"></i> 
										今日头条app
									</span>
								</a>
							</li>

							<li>
								<a href="javasrcipt:;">
									<span>
										<i class="fa-fw fa fa-pie-chart"></i> 
										搜狐app
									</span>
								</a>
							</li>

							<li>
								<a href="javasrcipt:;">
									<span>
										<i class="fa-fw fa fa-pie-chart"></i> 
										账户分析
									</span>
								</a>
							</li>

						</ul>
					</li>

					<li class="app_menu dropdown-submenu ">
						<a href="#" class="section">
							<i class="icon fa-fw fa fa-user"></i>
						</a>
						<hr/>
						<ul class="dropdown-menu">

							<li>
								<a href="javasrcipt:;">
									<span>
										<i class="fa-fw fa fa-user"></i> 
										用户信息
									</span>
								</a>
							</li>

						</ul>
					</li>

					<li class="app_menu dropdown-submenu ">
						<a href="#" class="section">
							<i class="icon fa-fw fa fa-cog"></i>
						</a>
						<hr/>
						<ul class="dropdown-menu">

							<li>
								<a href="javasrcipt:;">
									<span>
										<i class="fa-fw fa fa-cog"></i> 
										日志记录
									</span>
								</a>
							</li>

						</ul>
					</li>

					<li class="app_menu dropdown-submenu ">
						<a href="#" class="section">
							<i class="icon fa-fw fa fa-group"></i>
						</a>
						<hr/>
						<ul class="dropdown-menu">

							<li>
								<a href="javasrcipt:;">
									<span>
										<i class="fa-fw fa fa-group"></i> 
										组
									</span>
								</a>
							</li>

							<li>
								<a href="javasrcipt:;">
									<span>
										<i class="fa-fw fa fa-lock"></i> 
										权限
									</span>
								</a>
							</li>

						</ul>
					</li>

				</ul>

			</div>

			<div id="content-block" class="col-sm-11 col-md-10">

				<ul class="breadcrumb">

					<li>
						<a href="index.html">首页</a>
					</li>

					<li>
						<a href="add_widget.html">用户小组件</a>
					</li>

					<li>
						增加 用户小组件

					</li>

				</ul>

				<div class="navbar content-navbar navbar-default navbar-xs">
					<div class="navbar-header">

						<button type="button" class="navbar-toggle pull-left">
							<i class="fa fa-arrow-left"></i>
						</button>

						<a class="navbar-brand">
							<i class="fa fa-dashboard">
								<sub class="fa fa-plus"></sub>
							</i> 增加 用户小组件
						</a>
					</div>
					<div class="navbar-collapse collapse">
						<ul class="nav navbar-nav"></ul>

						<div class="navbar-btn pull-right hide-xs"></div>
					</div>
				</div>

				<form class="exform" id="userwidget_form" style="display: none;">
					<input type='hidden' name='csrfmiddlewaretoken' value='S1DOOBFfQLhHWlpQkRe2ZmcK8pd2YgfeJabCpE6uVcva9H8PKR8TICtey3rkc65M' />

					<input type='hidden' id='_portal_key' value='xadmin_userwidget_editform_portal' />

					<input type="hidden" name="xadminuserwidget_admin_wizard_form_plugin-current_step" value="Widget类型" id="id_xadminuserwidget_admin_wizard_form_plugin-current_step" />
					<ul class="steps-nav nav nav-pills">

						<li class="active">
							<a>1. Widget类型
								<i class="fa fa-caret-right"></i>
							</a>
						</li>

						<li>
							<a>
								<span class="text-muted">2. Widget参数</span>
							</a>
						</li>

					</ul>

					<input type='hidden' name='csrfmiddlewaretoken' value='S1DOOBFfQLhHWlpQkRe2ZmcK8pd2YgfeJabCpE6uVcva9H8PKR8TICtey3rkc65M' />
					<div class="form-container row clearfix">
						<div id="column-0" class="formColumn column form-column full col col-sm-12 form-horizontal" span="12">
							<div class="panel panel-default fieldset unsort no_title" id="box-0">
								<div class="panel-heading">
									<i class='icon fa fa-chevron-up chevron'></i>
									<h3 class="panel-title"></h3>
								</div>
								<div class="panel-body ">
									<input type="hidden" name="step_0-page_id" value="home" id="id_step_0-page_id" />
									<div id="div_id_step_0-widget_type" class="form-group">
										<label class="control-label  requiredField">
                							Widget类型<span class="asteriskField">*</span> 
										</label>
										<div class="controls ">
											<ul class="nav nav-pills nav-stacked" id="id_step_0-widget_type" name="step_0-widget_type">
												<li>
													<a onclick="javascript:$(this).parent().parent().find('>li').removeClass('active');$(this).parent().addClass('active');$('#id_step_0-widget_type_input').attr('value', 'html')">
														<h4><i class="fa fa-file-o"></i> html</h4>
														<p>HTML内容小组件，可以编写任意HTML内容。</p>
													</a>
												</li>
												<li>
													<a onclick="javascript:$(this).parent().parent().find('>li').removeClass('active');$(this).parent().addClass('active');$('#id_step_0-widget_type_input').attr('value', 'qbutton')">
														<h4><i class="fa fa-caret-square-o-right"></i> qbutton</h4>
														<p>快捷按钮小组件，可以快速打开任意页面。</p>
													</a>
												</li>
												<li>
													<a onclick="javascript:$(this).parent().parent().find('>li').removeClass('active');$(this).parent().addClass('active');$('#id_step_0-widget_type_input').attr('value', 'list')">
														<h4><i class="fa fa-align-justify"></i> list</h4>
														<p>数据列表小组件</p>
													</a>
												</li>
												<li>
													<a onclick="javascript:$(this).parent().parent().find('>li').removeClass('active');$(this).parent().addClass('active');$('#id_step_0-widget_type_input').attr('value', 'addform')">
														<h4><i class="fa fa-plus"></i> addform</h4>
														<p>添加任意数据的小组件</p>
													</a>
												</li>
												<li>
													<a onclick="javascript:$(this).parent().parent().find('>li').removeClass('active');$(this).parent().addClass('active');$('#id_step_0-widget_type_input').attr('value', '书签')">
														<h4><i class="fa fa-bookmark"></i> 书签</h4>
														<p>书签组件，展示用户书签页内容。</p>
													</a>
												</li>
												<li>
													<a onclick="javascript:$(this).parent().parent().find('>li').removeClass('active');$(this).parent().addClass('active');$('#id_step_0-widget_type_input').attr('value', 'chart')">
														<h4><i class="fa fa-bar-chart-o"></i> chart</h4>
														<p>展示简单数据图表</p>
													</a>
												</li>
											</ul>
											<input type="hidden" id="id_step_0-widget_type_input" name="step_0-widget_type" value="" />
										</div>
									</div>
								</div>
							</div>

						</div>

					</div>

					<div class="form-actions well well-sm clearfix">

						<div class="nav-collapse collapse more-btns"></div>

						<div class="show-xs">
							<button id="wizard_goto_step" name="wizard_goto_step" class="btn btn-default disabled col-xs-2" disabled="disabled" type="submit" value="-1">&larr;<span> 上一步</span>
							</button>

							<div class="btn-group col-xs-10">

								<button name="_save" type="submit" class="btn btn-primary col-xs-12">下一步 &rarr;</button>

							</div>
						</div>
						<div class="hide-xs" style="display:inline-block;">
							<button id="wizard_goto_step" name="wizard_goto_step" class="btn btn-default disabled" disabled="disabled" type="submit" value="-1">&larr;<span> 上一步</span>
							</button>

							<button name="_save" type="submit" class="btn btn-primary">下一步 &rarr;</button>

						</div>
					</div>
				</form>

				<form class="exform rended" id="userwidget_form" style="display: none;">
					<input type="hidden" name="csrfmiddlewaretoken" value="DAD0MnTollhbm1D3AsheOtPDn8rna5rduJbOnqkDqMvEznm20sb5xJ67NMFFoVhL">

					<input type="hidden" id="_portal_key" value="xadmin_userwidget_editform_portal">

					<input type="hidden" name="xadminuserwidget_admin_wizard_form_plugin-current_step" value="Widget参数" id="id_xadminuserwidget_admin_wizard_form_plugin-current_step">
					<ul class="steps-nav nav nav-pills">

						<li>
							<a>1. Widget类型 <i class="fa fa-caret-right"></i></a>
						</li>

						<li class="active">
							<a>2. Widget参数</a>
						</li>

					</ul>

					<input type="hidden" name="csrfmiddlewaretoken" value="DAD0MnTollhbm1D3AsheOtPDn8rna5rduJbOnqkDqMvEznm20sb5xJ67NMFFoVhL">
					<div class="form-container row clearfix">
						<div id="column-0" class="formColumn column form-column full col col-sm-12 form-horizontal ui-sortable" span="12" horizontal="">
							<div class="panel panel-default fieldset unsort no_title" id="box-0">
								<div class="panel-heading"><i class="icon fa fa-chevron-up chevron"></i>
									<h3 class="panel-title"></h3>
								</div>
								<div class="panel-body ">
									<div id="div_id_step_1-title" class="form-group">
										<label for="id_step_1-title" class="control-label "> 小组件标题</label>
										<div class="controls ">
											<input type="text" name="step_1-title" class="text-field admintextinputwidget form-control" id="id_step_1-title"> </div>
									</div>
									<div id="div_id_step_1-model" class="form-group">
										<label for="id_step_1-model" class="control-label  requiredField">
                Model<span class="asteriskField">*</span> 
										</label>
										<div class="controls ">
											<select name="step_1-model" class="select form-control" id="id_step_1-model">
												<option value="xadmin.userwidget">用户小组件</option>
												<option value="xadmin.bookmark">书签</option>
												<option value="auth.group">组</option>
												<option value="users.userprofile">用户信息</option>
												<option value="auth.permission">权限</option>
												<option value="media.sina_app">新浪app</option>
												<option value="media.toutiao_app">今日头条app</option>
												<option value="media.souhu_app">搜狐app</option>
												<option value="media.toutiao_param">账户分析</option>
												<option value="xadmin.usersettings">用户设置</option>
												<option value="xadmin.log">日志记录</option>

											</select>
										</div>
									</div>
									<div id="div_id_step_1-content" class="form-group">
										<label for="id_step_1-content" class="control-label ">HTML内容</label>
										<div class="controls ">
											<textarea name="step_1-content" cols="40" rows="10" class="textarea-field admintextareawidget form-control" id="id_step_1-content"></textarea>
										</div>
									</div>
								</div>
							</div>

						</div>

					</div>

					<div class="form-actions well well-sm clearfix">

						<div class="nav-collapse collapse more-btns"></div>

						<div class="show-xs">
							<button id="wizard_goto_step" name="wizard_goto_step" class="btn btn-default col-xs-2" type="submit" value="0">←<span> 上一步</span>	
							</button>

							<div class="btn-group col-xs-10">

								<button name="_save" type="submit" class="btn btn-primary col-xs-12">保存</button>

							</div>
						</div>
						<div class="hide-xs" style="display:inline-block;">
							<button id="wizard_goto_step" name="wizard_goto_step" class="btn btn-default" type="submit" value="0">←<span> 上一步</span></button>

							<button name="_save" type="submit" class="btn btn-primary">保存</button>

						</div>
					</div>
				</form>

				<div class="alert alert-dismissable alert-success">
					<button type="button" class="close">×</button> 用户小组件 "
					<a class="alert-link" href="javasrcipt:;">mediaroot html widget</a>" 添加成功。
				</div>
				<div class="content-toolbar btn-toolbar pull-right clearfix">

					<div class="btn-group export">
						<a class="dropdown-toggle btn btn-default btn-sm" href="#">
							<i class="fa fa-share"></i> 导出 <span class="caret"></span>
						</a>
						<ul class="dropdown-menu" role="menu">

							<li>
								<a><i class="fa fa-arrow-circle-down"></i> 导出 Excel</a>
							</li>

							<li>
								<a><i class="fa fa-arrow-circle-down"></i> 导出 CSV</a>
							</li>

							<li>
								<a><i class="fa fa-arrow-circle-down"></i> 导出 XML</a>
							</li>

							<li>
								<a><i class="fa fa-arrow-circle-down"></i> 导出 JSON</a>
							</li>

						</ul>

						<div id="export-modal-xls" class="modal fade">
							<div class="modal-dialog">
								<div class="modal-content">
									<form>
										<div class="modal-header">
											<button type="button" class="close">×</button>
											<h4 class="modal-title">导出 Excel</h4>
										</div>
										<div class="modal-body">
											<input type="hidden" name="_do_" value="export">
											<input type="hidden" name="export_type" value="xls">
											<label class="checkbox">
                								<input type="checkbox" name="export_xls_header" checked="checked" value="on"> 导出表头
              								</label>
											<label class="checkbox">
								                <input type="checkbox" name="all" value="on"> 导出全部数据
								            </label>
										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
											<button class="btn btn-success" type="submit"><i class="fa fa-share"></i> 导出</button>
										</div>
									</form>
								</div>

							</div>

						</div>
						//导出弹窗
						<div id="export-modal-csv" class="modal fade">
							<div class="modal-dialog">
								<div class="modal-content">
									<form>
										<div class="modal-header">
											<button type="button" class="close">×</button>
											<h4 class="modal-title">导出 CSV</h4>
										</div>
										<div class="modal-body">
											<input type="hidden" name="_do_" value="export">
											<input type="hidden" name="export_type" value="csv">
											<label class="checkbox">
								                <input type="checkbox" name="export_csv_header" checked="checked" value="on"> 导出表头
								            </label>
											<label class="checkbox">
								                <input type="checkbox" name="all" value="on"> 导出全部数据
								            </label>
										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
											<button class="btn btn-success" type="submit"><i class="fa fa-share"></i> 导出</button>
										</div>
									</form>
								</div>
							</div>
						</div>

						<div id="export-modal-xml" class="modal fade">
							<div class="modal-dialog">
								<div class="modal-content">
									<form>
										<div class="modal-header">
											<button type="button" class="close">×</button>
											<h4 class="modal-title">导出 XML</h4>
										</div>
										<div class="modal-body">
											<input type="hidden" name="_do_" value="export">
											<input type="hidden" name="export_type" value="xml">
											<label class="checkbox">
								                <input type="checkbox" name="export_xml_format" checked="checked" value="on"> 导出格式
								              </label>
											<label class="checkbox">
								                <input type="checkbox" name="all" value="on"> 导出全部数据
								            </label>
										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-default">关闭</button>
											<button class="btn btn-success" type="submit"><i class="fa fa-share"></i> 导出</button>
										</div>
									</form>
								</div>

							</div>

						</div>

						<div id="export-modal-json" class="modal fade">
							<div class="modal-dialog">
								<div class="modal-content">
									<form>
										<div class="modal-header">
											<button type="button" class="close">×</button>
											<h4 class="modal-title">导出 JSON</h4>
										</div>
										<div class="modal-body">
											<input type="hidden" name="_do_" value="export">
											<input type="hidden" name="export_type" value="json">
											<label class="checkbox">
												<input type="checkbox" name="export_json_format" checked="checked" value="on"> 导出格式
								            </label>
											<label class="checkbox">
								                <input type="checkbox" name="all" value="on"> 导出全部数据
								            </label>
										</div>
										<div class="modal-footer">
											<button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
											<button class="btn btn-success" type="submit"><i class="fa fa-share"></i> 导出</button>
										</div>
									</form>
								</div>

							</div>

						</div>

					</div>

					<div class="btn-group">
						<a class="dropdown-toggle btn btn-default btn-sm" href="javasrcipt:;">
							<i class="fa fa-list-alt"></i> 显示列 <span class="caret"></span>
						</a>
						<ul class="dropdown-menu model_fields pull-right" role="menu">
							<li>
								<a href="javasrcipt:;"><i class="fa fa-refresh"></i> 恢复显示列</a>
							</li>
							<li class="divider"></li>

							<li>
								<a href="javasrcipt:;">
									<i class="fa fa-blank"></i> ID
								</a>
							</li>

							<li>
								<a href="javasrcipt:;">
									<i class="fa fa-check"></i> 用户
								</a>
							</li>

							<li>
								<a href="javasrcipt:;">
									<i class="fa fa-check"></i> 页面
								</a>
							</li>

							<li>
								<a href="javasrcipt:;">
									<i class="fa fa-check"></i> Widget类型
								</a>
							</li>

							<li>
								<a href="javasrcipt:;">
									<i class="fa fa-blank"></i> Widget参数
								</a>
							</li>

						</ul>
					</div>

					<div class="btn-group layout-btns">
						<label class="btn btn-default btn-sm layout-normal active">
					        <input type="radio" style="display: none;"> <i class="fa fa-th-large"></i>
					    </label>
						<label class="btn btn-default btn-sm layout-condensed">
					        <input type="radio" style="display: none;"> <i class="fa fa-th"></i>
					    </label>

					</div>

					<div class="btn-group layout-btns">
						<button type="button" class="btn btn-default btn-sm layout-full"><i class="fa fa-expand"></i></button>
					</div>

				</div>
				<ul class="pagination pagination-sm pagination-left pagination-inline">
					<li>
						<span><span class="text-success">12</span> 用户小组件</span>
					</li>
				</ul>

				<form id="changelist-form"><input type="hidden" name="csrfmiddlewaretoken" value="mjpYfWmlp2nx1lF32PHufuoyfyzu42S8idpYLvFevHtFnAZDTEIdanfMCvx9PsAP">
					<div class="results table-responsive">
						<table class="table table-bordered table-striped table-hover">
							<thead>
								<tr>
									<th scope="col" class="action-checkbox-column">
										<input type="checkbox" id="action-toggle">
									</th>
									<th scope="col" class="sortable">

										<div class="dropdown pull-left">
											<a class="dropdown-toggle" href="javasrcipt:;">Widget类型</a>
											<ul class="dropdown-menu">

												<li>
													<a href="javasrcipt:;" class="active"><i class="fa fa-caret-up"></i> 正序</a>
												</li>

												<li>
													<a href="javasrcipt:;" class="active"><i class="fa fa-caret-down"></i> 倒序</a>
												</li>

											</ul>
										</div>

									</th>
									<th scope="col" class="sortable">

										<div class="dropdown pull-left">
											<a class="dropdown-toggle" href="javasrcipt:;">
												页面
											</a>
											<ul class="dropdown-menu">

												<li>
													<a href="javasrcipt:;" class="active"><i class="fa fa-caret-up"></i> 正序</a>
												</li>

												<li>
													<a href="javasrcipt:;" class="active"><i class="fa fa-caret-down"></i> 倒序</a>
												</li>

											</ul>
										</div>

									</th>
									<th class="sortable">

										<div class="dropdown pull-left">
											<a class="dropdown-toggle" href="javasrcipt:;">
												用户
											</a>
											<ul class="dropdown-menu">

												<li>
													<a href="javasrcipt:;" class="active"><i class="fa fa-caret-up"></i> 正序</a>
												</li>

												<li>
													<a href="javasrcipt:;" class="active"><i class="fa fa-caret-down"></i> 倒序</a>
												</li>

											</ul>
										</div>

									</th>
								</tr>

							</thead>

							<tbody>

								<tr class="grid-item">
									<td class="action-checkbox">
										<input type="checkbox" name="_selected_action" value="14" class="action-select">
									</td>

									<td>
										<a href="javasrcipt:;">html</a>
									</td>

									<td>home</td>

									<td class="nowrap">mediaroot</td>
								</tr>

								<tr class="grid-item">
									<td class="action-checkbox">
										<input type="checkbox" name="_selected_action" value="13" class="action-select">
									</td>

									<td>
										<a href="javasrcipt:;">html</a>
									</td>

									<td>home</td>

									<td class="nowrap">mediaroot</td>
								</tr>

								<tr class="grid-item">
									<td class="action-checkbox">
										<input type="checkbox" name="_selected_action" value="12" class="action-select">
									</td>

									<td>
										<a href="javasrcipt:;">qbutton</a>
									</td>

									<td>home</td>

									<td class="nowrap">mediaroot</td>
								</tr>

								<tr class="grid-item">
									<td class="action-checkbox">
										<input type="checkbox" name="_selected_action" value="11" class="action-select">
									</td>

									<td>
										<a href="javasrcipt:;">list</a>
									</td>

									<td>home</td>

									<td class="nowrap">mediaroot</td>
								</tr>

								<tr class="grid-item">
									<td class="action-checkbox">
										<input type="checkbox" name="_selected_action" value="10" class="action-select">
									</td>

									<td>
										<a href="javasrcipt:;">html</a>
									</td>

									<td>home</td>

									<td class="nowrap">test</td>
								</tr>

								<tr class="grid-item">
									<td class="action-checkbox">
										<input type="checkbox" name="_selected_action" value="9" class="action-select">
									</td>

									<td>
										<a href="javasrcipt:;">html</a>
									</td>

									<td>home</td>

									<td class="nowrap">ls_game</td>
								</tr>

								<tr class="grid-item">
									<td class="action-checkbox">
										<input type="checkbox" name="_selected_action" value="8" class="action-select">
									</td>

									<td>
										<a href="javasrcipt:;">html</a>
									</td>

									<td>home</td>

									<td class="nowrap">anitu</td>
								</tr>

								<tr class="grid-item">
									<td class="action-checkbox">
										<input type="checkbox" name="_selected_action" value="7" class="action-select">
									</td>

									<td>
										<a href="javasrcipt:;">html</a>
									</td>

									<td>home</td>

									<td class="nowrap">jiujiu_pro</td>
								</tr>

								<tr class="grid-item">
									<td class="action-checkbox">
										<input type="checkbox" name="_selected_action" value="6" class="action-select">
									</td>

									<td>
										<a href="javasrcipt:;">html</a>
									</td>

									<td>home</td>

									<td class="nowrap">foshan_mobile</td>
								</tr>

								<tr class="grid-item">
									<td class="action-checkbox">
										<input type="checkbox" name="_selected_action" value="5" class="action-select">
									</td>

									<td>
										<a href="javasrcipt:;">html</a>
									</td>

									<td>home</td>

									<td class="nowrap">zuodo_game</td>
								</tr>

								<tr class="grid-item">
									<td class="action-checkbox">
										<input type="checkbox" name="_selected_action" value="2" class="action-select">
									</td>

									<td>
										<a href="javasrcipt:;">html</a>
									</td>

									<td>home</td>

									<td class="nowrap">mediaroot</td>
								</tr>

								<tr class="grid-item">
									<td class="action-checkbox">
										<input type="checkbox" name="_selected_action" value="1" class="action-select">
									</td>

									<td>
										<a href="javasrcipt:;">html</a>
									</td>

									<td>test</td>

									<td class="nowrap">mediaroot</td>
								</tr>

							</tbody>

						</table>

					</div>

					<div class="form-actions well well-sm">
						<input type="hidden" id="action" name="action" value="">
						<input type="hidden" id="select-across" name="select_across" value="0">
						<div class="btn-group clearfix dropup">
							<a class="dropdown-toggle btn btn-success" href="javasrcipt:;">
								<i class="fa fa-wrench"></i>
								<span class="action-counter">选中了 12 个中的 0 个</span>
								<span class="all" style="display: none;">选中了 12 个</span>
								<span class="caret"></span></a>
							<ul class="dropdown-menu">

								<li>
									<a><i class="fa fa-times"></i> 删除所选的 用户小组件</a>
								</li>

							</ul>
						</div>
					</div>

				</form>

				<ul class="pagination">

					<li>
						<span><span class="text-success">12</span> 用户小组件</span>
					</li>

				</ul>

			</div>
		</div>

		<div id="footer">
			<hr/>
			<footer class="text-center">
				<p>&copy; Copyright 2018,ImageThinking</p>
			</footer>
		</div>
	</body>
	<script type="text/javascript" src="../../js/jquery.ui.core.js"></script>
	<script type="text/javascript" src="../../js/jquery.ui.widget.js"></script>
	<script type="text/javascript" src="../../js/jquery.ui.mouse.js"></script>
	<script type="text/javascript" src="../../js/jquery.ui.sortable.js"></script>
	<script type="text/javascript" src="../../js/bootstrap.js"></script>
	<script type="text/javascript" src="../../js/xadmin.main.js"></script>
	<script type="text/javascript" src="../../js/xadmin.responsive.js"></script>
	<script type="text/javascript" src="../../js/jquery.ui.effect.js"></script>
	<script type="text/javascript" src="../../js/xadmin.plugin.themes.js"></script>
	<script type="text/javascript" src="../../js/xadmin.page.dashboard.js"></script>
	<script type="text/javascript" src="../../js/xadmin.plugin.portal.js"></script>

</html>